<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/personal.css">
	</head>
	<body>
		<style>
			.bg {
				background-image: url(./img/personal/person-1.jpg);
				height: 62.13vw;
				background-position: top center;
				background-size: 100%;
			}
		</style>
		<div class="bg">
			<div class="personal-box">
				<div class="personal-collect">
					<div class="">
						<div class="">15</div>
						<div class="">我的收藏</div>
					</div>
					<div class="personal-brand">
						<div class="">31</div>
						<div class="">关注品牌</div>
					</div>
				</div>
				<div class="personal-photo">
					<img class="personal-photo-girl" src="./img/personal/person-2.jpg" alt="">
					<div class="personal-photo-text">简希</div>
				</div>
			</div>
		</div>
		<div class="order">
			<div class="order-my">我的订单</div>
			<div class="order-total">
				<span class="order-text">全部订单</span>
				<img class="order-arrow" src="./img/personal/person-21.png" alt="">
			</div>
		</div>
		<div class="sale">
			<div class="">
				<img src="./img/personal/person-3.png" alt="">
				<div class="sale-text">待付款</div>
			</div>
			<div class="">
				<img src="./img/personal/person-5.png" alt="">
				<div class="sale-text">待发货</div>
			</div>
			<div class="">
				<img src="./img/personal/person-6.png" alt="">
				<div class="sale-text">待收货</div>
			</div>
			<div class="">
				<img src="./img/personal/person-7.png" alt="">
				<div class="sale-text">待评价</div>
			</div>
			<div class="">
				<img src="./img/personal/person-8.png" alt="">
				<div class="sale-text">售后</div>
			</div>
		</div>
		<div class="asset">
			我的资产
		</div>
		<div class="asset-list">
			<div class="">
				<img src="./img/personal/person-9.png" alt="">
				<div class="asset-list_text">优惠券</div>
			</div>
			<div class="">
				<img src="./img/personal/person-10.png" alt="">
				<div class="asset-list_text">钱包</div>
			</div>
			<div class="">
				<img src="./img/personal/person-11.png" alt="">
				<div class="asset-list_text">D币</div>
			</div>
			<div class="">
				<img src="./img/personal/person-12.png" alt="">
				<div class="asset-list_text">红包</div>
			</div>
		</div>
		<div class="tool">
			工具
		</div>
		<div class="tools">
			<div class="">
				<img src="./img/personal/person-13.png" alt="">
				<div class="tools-text">会员中心</div>
			</div>
			<div class="">
				<img src="./img/personal/person-14.png" alt="">
				<div class="tools-text">收货地址</div>
			</div>
			<div class="">
				<img src="./img/personal/person-15.png" alt="">
				<div class="tools-text">售后&客服</div>
			</div>
			<div class="">
				<img src="./img/personal/person-16.png" alt="">
				<div class="tools-text">设置</div>
			</div>
		</div>
		<div class="tools">
			<div class="">
				<img src="./img/personal/person-17.png" alt="">
				<div class="tools-text">入驻合作</div>
			</div>
			<div class="">
				<img src="./img/personal/person-18.png" alt="">
				<div class="tools-text">反馈&投诉</div>
			</div>
			<div class="">
				<img src="./img/personal/person-19.png" alt="">
				<div class="tools-text">商品报告</div>
			</div>
			<div class="">
				<img src="./img/personal/person-20.png" alt="">
				<div class="tools-text">关于我们</div>
			</div>
		</div>
		<div class="bottom">
			<div class="">
				<img src="./img/personal/s-12.png" alt="">
				<div class="bottom-text">首页</div>
			</div>
			<div class="">
				<img src="./img/personal/s-13.png" alt="">
				<div class="bottom-text">优选</div>
			</div>
			<div class="">
				<img src="./img/personal/s-14.png" alt="">
				<div class="bottom-text">分类</div>
			</div>
			<div class="">
				<img src="./img/personal/s-15.png" alt="">
				<div class="bottom-text">购物车</div>
			</div>
			<div class="">
				<img src="./img/personal/s-16.png" alt="">
				<div class="bottom-text">我的</div>
			</div>
		</div>
	</body>
</html>
